<template>
<div>
  <el-container>
    <el-aside width="auto"><Aside></Aside></el-aside>
    <el-container>
      <el-header><CommonHeader></CommonHeader></el-header>
      <el-main><router-view/></el-main>
    </el-container>
  </el-container>
</div>
</template>

<script>
// import Aside from "../components/Aside.vue"
import CommonHeader from "../components/CommonHeader.vue";
import Aside from "../components/Aside.vue";

export default {
  name: "Home",
  components: {Aside,CommonHeader},

  created() {

  }
}
</script>
<style scoped>

.el-header {
  padding: 0;
}

.el-aside {
  transition: width 0.15s;
  -webkit-transition: width 0.15s;
  -moz-transition: width 0.15s;
  -webkit-transition: width 0.15s;
  -o-transition: width 0.15s;
}

</style>
